<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>君乐宝酸奶管理系统</title>
<link rel="stylesheet" href="bootstrap3/css/bootstrap.min.css">
<link rel="stylesheet" href="css/my.css">
</head>
<body>
	<!-- 导航条 -->
	<jsp:include page="/mng/nav.jsp" />
	<!-- /导航条 -->

	<!-- 主容器 -->
	<div class="container" style="margin-top: 76px">

		<div class="row">
			<!-- 功能菜单 -->
			<jsp:include page="/mng/menu.jsp" />
			<!-- /功能菜单 -->

			<!-- 主界面 -->
			<div id="main" class="main col-md-9">
				<div id="container"></div>ffff
			</div>
		</div>
	</div>
	<script src="Highcharts/js/highcharts.js"></script>
	<script type="text/javascript"
		src="Highcharts/js/highcharts-3d.js"></script>
	<script src="Highcharts/js/modules/exporting.js"></script>
	<script src="js/jquery-1.11.1.min.js"></script>
	<script src="bootstrap3/js/bootstrap.min.js"></script>
	<script src="js/my.js"></script>
	<script type="text/javascript">
		$(function() {
			// Set up the chart
			var chart = new Highcharts.Chart({
				chart : {
					renderTo : 'container',
					type : 'column',
					options3d : {
						enabled : true,
						alpha : 15,
						beta : 15,
						depth : 50,
						viewDistance : 25
					}
				},
				title : {
					text : 'Chart rotation demo'
				},
				subtitle : {
					text : 'Test options by dragging the sliders below'
				},
				plotOptions : {
					column : {
						depth : 25
					}
				},
				series : [ {
					data : [ 29.9, 71.5, 106.4, 129.2, 144.0, 176.0, 135.6,
							148.5, 216.4, 194.1, 95.6, 54.4 ]
				} ]
			});
			function showValues() {
				$('#alpha-value').html(chart.options.chart.options3d.alpha);
				$('#beta-value').html(chart.options.chart.options3d.beta);
				$('#depth-value').html(chart.options.chart.options3d.depth);
			}
			// Activate the sliders
			$('#sliders input').on('input change', function() {
				chart.options.chart.options3d[this.id] = this.value;
				showValues();
				chart.redraw(false);
			});
			showValues();
		});
	</script>
</body>
</html>